<!-- 动态页 话题页面 热门分类组件 -->
<template>
	<view>
		<!-- 热门分类 -->
		<view class="flex align-center justify-between px-2">
			<text class="font-md">热门分类</text>
			<view class="flex align-center font text-secondary animate__animated" hover-class="animate__jello" @click="openMore">
				更多 <text class="iconfont icon-jinru"></text>
			</view>
		</view>
			<!-- 分类 选项卡 -->
			<view class="flex align-center py-3 px-2 border-bottom">
				<view 
				class="border rounded bg-light mx-1 animate__animated" 
				style="padding: 0 16rpx;"
				hover-class="animate__jello" 
				v-for="(item,index) in hotCateList" :key="index" 
				@click="openMore">
					{{item.name}}	
				</view>
			</view>
	</view>
</template>

<script>
	export default{
		// 接收 dynamic动态页面，传入的 话题页面，热门分类数据
		props:['hotCateList'],
		// 用于存放 所有事件
		methods:{
			openMore(){
				// 跳转到 话题分类页
				uni.navigateTo({
					url:'../../pages/topic-nav/topic-nav'
				})
			}
		}
	}
</script>

<style>
</style>